$.namespace('demo');

demo = function() {
	
	return {
		init : function() {
			EasyUIInit.initControl(this.config.grid);
			
			//dialog
			/*EasyUIInit.initControl({
				 id : 'fmdlg',
				 type : 'easyui-dialog',
				 style : 'padding:5px;',
				 option : {
					 title : '用户信息',
					 width : 600,
					 height : 280,
					 closed : true
				 },
				 layout : {
					 //captionWidth : 80,
					 //fieldWidth : 200,
					 //fieldHeight : 28,
					 //rowHeight : 30,
					 columns : 2,
					 controls : this.config.FormControls1
				 }
			 });*/
			
			EasyUIInit.initControl(this.config.dialog);
			
			/*EasyUIInit.initLayout({
				captionWidth : 80,
				fieldWidth : 150,
				fieldHeight : 25,
				rowHeight : 30,
				columns : 2,
				controls : this.config.FormControls2
			}, 'fm');*/
			
			
			// tab 选项卡
			// fm1
			EasyUIInit.initLayout({
				captionWidth : 80,
				fieldWidth : 150,
				fieldHeight : 25,
				rowHeight : 30,
				columns : 2,
				controls : this.config.FormControls2
			}, 'fm1');
			
			// fm2
			EasyUIInit.initLayout({
				captionWidth : 80,
				fieldWidth : 150,
				fieldHeight : 25,
				rowHeight : 30,
				columns : 2,
				controls : this.config.FormControls2
			}, 'fm2');
			
			/*EasyUIInit.initControl({
				id : 'fm',
				isExternal : true,
				type : 'form',
				style : "padding: 5px;",
				option : {
					method : 'GET',
				},
				layout : {
					captionWidth : 80,
					fieldWidth : 200,
					fieldHeight : 28,
					rowHeight : 30,
					columns : 2,
					controls : this.config.FormControls2
				}
			}, 'tab2');*/ 
			
		},
		showForm : function() {
			$('#tabdlg').dialog('open');
		},
		showEditForm : function(){
			$('#fmdlg').dialog('open');
		}
	}
}();

demo.config = {
	grid : {
		id : "grid",
		type : "easyui-datagrid",
		option : {
			title : '用户列表',
			url : ctxStatic + '/modules/demo.json',
			idField : 'id',
			fitColumns : true,
			columns : [ [ {
				title : 'ID',
				field : 'id',
				width : 30
			}, {
				title : 'USERNAME',
				field : 'username',
				width : 80
			}, {
				title : 'PASSWORD',
				field : 'password',
				width : 80
			}, {
				title : 'REMARK',
				field : 'remark',
				width : 120
			} ] ],
			toolbar : '#toolbar'
		}
	},
	dialog : {
		 id : 'fmdlg',
		 type : 'easyui-dialog',
		 style : 'padding:5px;',
		 option : {
			 title : '用户信息',
			 width : 600,
			 height : 280,
			 closed : false
		 },
		 layout : {
			 captionWidth: 80,
			 fieldWidth	 : 200,
			 fieldHeight : 28,
			 rowHeight	 : 30,
			 columns	 : 2,
			 controls : [ {
					type : 'easyui-textbox',
					id : 'id',
					caption : 'ID'
				}, {
					type : 'easyui-textbox',
					id : 'username',
					caption : 'USERNAME'
				}, {
					type : 'easyui-textbox',
					id : 'password',
					caption : 'PASSWORD'
				}, {
					type : 'easyui-textbox',
					id : 'remark',
					caption : 'REMARK'
				} ]
			 }
		 },
	FormControls1 : [ {
				type : 'easyui-textbox',
				id : 'id',
				caption : 'ID'
			}, {
				type : 'easyui-textbox',
				id : 'username',
				caption : 'USERNAME'
			}, {
				type : 'easyui-textbox',
				id : 'password',
				caption : 'PASSWORD'
			}, {
				type : 'easyui-textbox',
				id : 'remark',
				caption : 'REMARK'
			} ],
	FormControls2 : [ {
				type : 'easyui-textbox',
				id : 'id',
				caption : 'ID'
			}, {
				type : 'easyui-textbox',
				id : 'username',
				caption : 'USERNAME'
			}, {
				type : 'easyui-textbox',
				id : 'password',
				caption : 'PASSWORD'
			}, {
				type : 'easyui-textbox',
				id : 'remark',
				caption : 'REMARK'
			} ]
};

$(function() {
	demo.init();
})